<template>
    <div class="container-fluid">
        <div class="row header" style="background-color:#3498db">
            <div class="col-sm-4">
                <router-link :to="{path:'/index/index'}"><img src="/static/pc/img/02.png" class="img-responsive logo_img">
                </router-link>
            </div>
            <div class="col-sm-7">
                <ul class="list-inline">
                    <li>
                        <router-link :to="{path:'/index/parameter'}"><img src="/static/pc/img/02.png"></router-link>
                        <p>
                            <router-link :to="{path:'/index/parameter'}">仪器台账</router-link>
                        </p>
                    </li>
                    <li>
                        <router-link :to="{path:'/index/registration-form'}"><img src="/static/pc/img/04.png">
                        </router-link>

                        <p>
                            <router-link :to="{path:'/index/registration-form'}">出入库登记</router-link>
                        </p>
                    </li>
                    <li>
                        <router-link :to="{path:'/index/composite'}"><img src="/static/pc/img/05.png"></router-link>
                        <p>
                            <router-link :to="{path:'/index/composite'}">综合查询</router-link>
                        </p>
                    </li>
                    <li>
                        <router-link :to="{path:'/index/folder'}"><img src="/static/pc/img/06.png"></router-link>
                        <p>
                            <router-link :to="{path:'/index/folder'}">文件管理</router-link>
                        </p>
                    </li>
                    <li>
                        <router-link :to="{path:'/index/remind'}"><img src="/static/pc/img/07.png"></router-link>
                        <p>
                            <router-link :to="{path:'/index/remind'}">通知提醒</router-link>
                        </p>
                    </li>
                    <li>
                        <router-link :to="{path:'/index/maintain'}"><img src="/static/pc/img/08.png"></router-link>
                        <p>
                            <router-link :to="{path:'/index/maintain'}">故障管理</router-link>
                        </p>
                    </li>
                    <li>
                        <router-link :to="{path:'/index/system'}"><img src="/static/pc/img/09.png"></router-link>
                        <p>
                            <router-link :to="{path:'/index/system'}">系统设置</router-link>
                        </p>
                    </li>
                    <li>
                        <a @click="logout()"><img src="/static/pc/img/10.png"></a>
                        <p>
                            <a @click="logout()">退出系统</a>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="col-sm-1">
                <div class="account"><img src="/static/pc/img/01.png">
                    <router-link :to="{path:'/index/index'}"><p style="font-size:12px;">{{ username }}</p></router-link>
                </div>
            </div>
        </div>
        <router-view></router-view>
    </div>
</template>
<script type="text/javascript">
import Auth from '@/services/auth'
import { mapGetters } from 'vuex'

export default {
  methods: {
    logout () {
      Auth.logout();
      this.$router.push({ path: '/user/login' })
    }
  },
  computed: {
    ...mapGetters({
      username: 'getusername'
    })
  },
  mouted () {}
}
</script>
<style scoped>
@import "../../../static/pc/css/common.css";
</style>